<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>IST 5313 - Final Project Template</title>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	<body>
		<header>
			<img src="images/header.png" alt="Online Learning Module - IST 5313 Final Project Template Graphic Header"
				title="Online Learning Module - IST 5313 Final Project Template Graphic Header"/>
		</header>
		<section id="main-content">
			<article id="main-info">
			
				<header>
					<h1 id="topic-title">Topic 1</h1>
				</header>
				
				<img src="images/eiffel-tower.jpg" alt="Eiffel Tower" title="Eiffel Tower"/>
				<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eros dui, pulvinar sed cursus ac, pretium vitae neque. Donec tincidunt facilisis magna, non mattis dui interdum in. Duis id consequat leo. Praesent sem velit, feugiat in consequat quis, convallis id orci. Quisque suscipit venenatis suscipit. Donec nec est a eros tempus molestie. Morbi tellus velit, sollicitudin ut congue vel, laoreet eget sem. Nulla rutrum, quam vitae suscipit fringilla, quam orci tempor nisl, eu sollicitudin urna sem et nulla. Suspendisse faucibus venenatis convallis. Vestibulum sagittis cursus nulla sed dictum. Nam velit neque, cursus eget suscipit a, pellentesque at leo. Fusce non lectus id libero luctus porta in vel velit. Nunc ac mi risus, a viverra lacus. Vivamus at lorem sed mi porta laoreet eu sed tortor.
				</p>
				
					
				<footer>
					<cite>
						<strong>References</strong><br/>
						<a href="http://creativecommons.org">CreativeCommons</a><br/>
						<a href="http://lipsum.org">Lorem Ipsum</a><br/>
						<a href="http://wikipedia.org">Wikipedia</a><br/>
						<a href="http://www.grsites.com">GR Sites</a>
						
						
					</cite>
				</footer> 
			</article>
			
			<aside id="aside-info">
				<header>
					<p id="aside-title-audio">Audio</p>
				</header>
				<audio id="narration" controls="controls" autoplay="autoplay">
					<source src="audio/people113.mp3" type="audio/mp3">
					<source src="audio/people113.ogv" type="audio/ogg">
					Your browser does not support the audio tag.
				</audio>
				<br/>
				<header>
					<p id="aside-title-audio">Transcript</p>
				</header>
				<div id="transcript">
				Nullam elementum lorem eu tellus tincidunt sit amet tristique odio mollis. Vestibulum lorem velit, vestibulum malesuada accumsan eget, molestie ullamcorper risus. Nullam tempor malesuada risus, a dapibus purus faucibus et. Ut porta pharetra volutpat. Nam lacinia diam in dui volutpat eu condimentum sapien ultrices. Phasellus erat turpis, sagittis a aliquam eu, facilisis ut lectus. Etiam consectetur libero nec dui pretium hendrerit. Maecenas velit tortor, dignissim et lobortis non, viverra id enim. Ut eu magna dui. Pellentesque est lorem, lacinia a accumsan vel, interdum vel nibh. Curabitur rutrum dictum convallis. Curabitur eget elit eros. Pellentesque est enim, aliquam eu feugiat volutpat, consectetur in metus. Donec quis tellus tristique augue sodales condimentum ac nec tellus.
				Nullam elementum lorem eu tellus tincidunt sit amet tristique odio mollis. Vestibulum lorem velit, vestibulum malesuada accumsan eget, molestie ullamcorper risus. Nullam tempor malesuada risus, a dapibus purus faucibus et. Ut porta pharetra volutpat. Nam lacinia diam in dui volutpat eu condimentum sapien ultrices. Phasellus erat turpis, sagittis a aliquam eu, facilisis ut lectus. Etiam consectetur libero nec dui pretium hendrerit. Maecenas velit tortor, dignissim et lobortis non, viverra id enim. Ut eu magna dui. Pellentesque est lorem, lacinia a accumsan vel, interdum vel nibh. Curabitur rutrum dictum convallis. Curabitur eget elit eros. Pellentesque est enim, aliquam eu feugiat volutpat, consectetur in metus. Donec quis tellus tristique augue sodales condimentum ac nec tellus.
				</div>
			</aside>
			<div id="main-content-clear"></div>
			
			</article>
		</section>
		
		<nav id="sub-navigation">
			<span class="menu-link-inactive">Topic 1:</span>
			<a href="topic-1a.html" class="sub-menu-link">Sub-topic 1a</a>
			<a href="topic-1b.html" class="sub-menu-link">Sub-topic 1b</a>
		</nav>
		<nav id="navigation">
			<span class="menu-link-inactive">Topic 1</span>
			<a href="topic-2.html" class="menu-link">Topic 2</a>
			<a href="topic-3.html" class="menu-link">Topic 3</a>
			<a href="assessment.html" class="menu-link">Assessment</a>
			<a href="certificate.html" class="menu-link">Certificate of Completion</a>
		</nav>

	</body>
</html>